body{
    background: #F0F0F0;
}
* {
    margin:0;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
}


.wrap{
    .header{
        padding: .3rem;
        background: #ffffff;
        &>div:nth-child(1){
            font-size:.24rem;
            font-family:PingFang-SC-Regular;
            font-weight:400;
            color:rgba(102,102,102,1);
            line-height:.4rem;
            margin-bottom: .2rem
        }
        &>div:nth-child(2){
            font-size:.24rem;
            font-family:PingFang-SC-Regular;
            font-weight:400;
            color:rgba(0,132,255,1);
            line-height:.4rem;
        }

    }
    .main{
        padding: .3rem;
        .floor{
            width:6.9rem;
            min-height:.8rem;
            background:rgba(255,255,255,1);
            border-radius:.12rem;
            margin-bottom: .3rem;
            .up-wrap{
                display: flex;
                justify-content: space-between;
                align-items: center;
                height: .8rem;
                padding: 0 .3rem;
                &>div:nth-child(1){
                    font-size:.3rem;
                    font-family:PingFang-SC-Medium;
                    font-weight:500;
                    color:rgba(51,51,51,1);
                    display: flex;
                    align-items: center;
                    &>div span:nth-child(1){
                        font-size:.24rem;
                        font-family:PingFang-SC-Regular;
                        font-weight:400;
                        color:rgba(153,153,153,1);
                        margin-left: 0.11rem
                    }
                    &>div span:nth-child(2){
                        border-left: 2px solid #999999;
                        border-bottom: 2px solid #999999;
                        height: 10px;
                        width: 10px;
                        transform: translate(2px, -2px) rotate(-45deg);
                        -webkit-transform: translate(2px, -2px) rotate(-45deg);
                        border-right: 2px solid transparent;
                        border-top: 2px solid transparent;
                        display: inline-block;
                        -moz-transform: translate(2px, -2px) rotate(-45deg);
                        -ms-transform: translate(2px, -2px) rotate(-45deg);
                        -o-transform: translate(2px, -2px) rotate(-45deg);
                        margin-left: 0.11rem
                    }
                }
                &>div:nth-child(2){
                    width:1.4rem;
                    height:.44rem;
                    border:1px solid rgba(0,132,255,1);
                    border-radius:.22rem;
                    text-align: center;
                    line-height: .44rem;
                    font-size:.22rem;
                    font-family:PingFang-SC-Regular;
                    font-weight:400;
                    color:rgba(0,132,255,1);
                }
            }
            .down-wrap{
                border-top: 1px solid #DADBE0;
                padding: .3rem;
                &>div{
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    background: #F5F5F5;
                    padding: 0 .24rem;
                    border-bottom: 1px solid #D9D9D9;
                    &>div:nth-child(1){
                        font-size:.24rem;
                        font-family:PingFang-SC-Medium;
                        font-weight:500;
                        color:rgba(51,51,51,1);
                    }
                    &>div:nth-child(2){
                        display: flex; 
                        height: .8rem;
                        align-items: center;
                        font-size:.24rem;
                        font-family:PingFang-SC-Medium;
                        font-weight:500;
                        &>div:nth-child(1){
                            font-size:.24rem;
                            color: #0084FF
                        }
                        &>div:nth-child(2){
                            font-size:.24rem;
                            margin-left: .4rem;
                            color: #FF2222
                        }
                    }
                }
                &>div:last-of-type{
                    border-bottom: none
                }
            }

        }
    }

    .modelWrap{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background:rgba(0,0,0,.7);
        .alertWrap{
            width: 5.4rem;
            background:rgba(255,255,255,1);
            border-radius:.12rem;
            position: absolute;
            left: 50%;
            top: 30%;
            -webkit-transform: translate(-50%, -30%);
            transform: translate(-50%, -50%);
            .alert-title{
                height: .9rem;
                line-height: .9rem;
                text-align: center;
                font-size:.3rem;
                font-family:PingFang-SC-Bold;
                font-weight:bold;
                color:rgba(51,51,51,1);
            }
            .containner{
                padding: .2rem .4rem;
                input:nth-child(1){
                    width:4.6rem;
                    height:.7rem;
                    border:1px solid rgba(204,204,204,1);
                    border-radius:6px;
                    outline: none;
                    padding-left: .2rem;
                    margin-bottom: .2rem
                }
            }
            .btnWrap{
                width: 100%;
                height: .8rem;
                &::after{
                    visibility: hidden;
                    display: block;
                    font-size: 0;
                    content:'';
                    clear:both;
                    height: 0;
                }
                &>div{
                    line-height: .8rem;
                    width: 50%;
                    text-align: center;
                    float: left;
                    border-top:  1px solid #CCCCCC;
                    color: #0084FF
                }
                &>div:nth-child(1){
                     border-right: 1px solid #CCCCCC
                }
                
            }
        }
    }
}